﻿<!DOCTYPE html>
<html>
<head>
    <title>License Wizard</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

    <div data-role="page" id="wizard">
        <script src="scripts/wizard.js"></script>

        <div id="wizardHeader"></div>


        <div data-role="content" data-theme="b">

            <div id="faqSearchDiv" style="display: none; position: absolute; z-index: 5; width: 92%;" data-inline="true">
                <div class="ui-grid-b">
                    <div class="ui-block-a" style="width: 82%;">
                        <input type="search" name="search-mini" id="indexSearch" class="searchClass" value="" data-mini="true" placeholder="Search..." />
                    </div>
                    <div class="ui-block-b" style="width: 5%;">
                        <input type="button" id="biggo" value="GO" data-mini="true" data-inline="true" data-theme="b" onclick="PerformSearch($('#indexSearch').val());" />
                    </div>
                </div><!-- /grid-b -->
            </div>


            <h2>Drivers License Wizard</h2>

            <p>Items needed to get your drivers license.</p>



            <div id="wizardm" class="reset-this swMain">
                <ul>
                    <li>
                        <a href="#step-1">
                            <label class="stepNumber">1</label>
                            <span class="stepDesc">
                                Step 1<br />
                                <small>Step 1 description</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#step-2">
                            <label class="stepNumber">2</label>
                            <span class="stepDesc">
                                Step 2<br />
                                <small>Step 2 description</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#step-3">
                            <label class="stepNumber">3</label>
                            <span class="stepDesc">
                                Step 3<br />
                                <small>Step 3 description</small>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#step-4">
                            <label class="stepNumber">4</label>
                            <span class="stepDesc">
                                Step 4<br />
                                <small>Step 4 description</small>
                            </span>
                        </a>
                    </li>
                </ul>
                <div id="step-1">
                    <h2 class="StepTitle">Step 1 Content</h2>
                    <!-- step content -->
                </div>
                <div id="step-2">
                    <h2 class="StepTitle">Step 2 Content</h2>
                    <!-- step content -->
                </div>
                <div id="step-3">
                    <h2 class="StepTitle">Step 3 Title</h2>
                    <!-- step content -->
                </div>
                <div id="step-4">
                    <h2 class="StepTitle">Step 4 Title</h2>
                    <!-- step content -->
                </div>
            </div>












        </div><!-- /content -->

        <div id="wizardFooter"></div><!-- /footer -->

    </div><!-- /page -->

</body>
</html>
